Name : Shine Store
https://shine-store.vercel.app/
TypeScript
Shadcn UI
Next JS
Redux
Express JS
MongoDB
Project Overview
Shine Store is a dynamic e-commerce platform designed for purchasing a wide range of cleaning supplies. Created using Next.js for a modern and responsive frontend, Express.js for efficient server-side handling, and MongoDB for scalable data management, Shine Store provides a seamless shopping experience. Users can effortlessly browse products, manage their shopping cart, and complete transactions through an intuitive interface. The platform’s robust functionality and clean design ensure a fast, secure, and enjoyable shopping experience for both home and business needs.
Feature
Light/Dark Mode : Users can toggle between light and dark themes to suit their preferences and enhance readability.
Personalized User Dashboard : Authenticated users have access to a personalized dashboard for managing their account details and tracking their orders.
Product Sorting Options : Users can sort products by category, ratings, and prices to find what they're looking for more efficiently.
Countdown Timer for Flash Sale Products : A countdown timer highlights time-sensitive deals, adding urgency and enhancing the shopping experience during flash sales.
Technology
Next.js : A React framework used for server-side rendering, static site generation, and building full-stack applications.
React : A JavaScript library for building user interfaces, used in combination with Next.js.
Tailwind CSS : A utility-first CSS framework used for styling the application.
TypeScript : A superset of JavaScript that adds static types, used for improved development experience and code quality.
Radix UI : A set of low-level UI primitives for building accessible, high-quality design systems and web applications.
React Hook Form : A library for managing form state and validation in React applications.
Next Auth : An authentication library for Next.js applications.
Swiper : A modern mobile touch slider with hardware acceleration.
clsx : A utility for managing CSS class names.
tailwind-merge : A utility for merging Tailwind CSS classes.
Express.js : A web application framework for Node.js that simplifies the creation of server-side applications and APIs.
MongoDB : A NoSQL database used for storing and managing application data.
bcrypt : A library for hashing and securing passwords.
jsonwebtoken : A library for generating and verifying JSON Web Tokens (JWT) for authentication and authorization.
cors : A middleware for enabling Cross-Origin Resource Sharing, allowing requests from different origins.
dotenv : A module for loading environment variables from a `.env` file into `process.env`.
nodemon : A utility that monitors changes in your application and automatically restarts the server, useful for development.
